/*
***************************************************************************************
 * STYLES @media: all
 * Adaptive style // Mobile approach
 * Author: valerie@wephic.net
 *
***************************************************************************************
 */
/*
 * ANTISCREEN
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
**********************************************/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers
----------------------------------------------*/
article,aside,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section{
display:block;
}
body{
line-height:1;
}
ol,ul{
list-style:none;
}
blockquote,q {
quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
content:'';
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}

/* hide any HRs used in the layout, but show them in main content */
hr,
.ahem,
#skip-link{
  display:none;
}
#content hr{
  display:block;
}

.element-invisible {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

/* uncomment these color rules to make the layout easier to see */
/*
#main           { background: #ccc; }
#content        { background: #eee; }
#sidebar-first  { background: #ccf; }
#sidebar-second { background: #fcc; }
#navigation     { background: #ffc; }
#header         { background: #cff; }
#footer         { background: #cfc; }
*/
/*
 * COLOURS
 *  - grey -
 *              35,31,32        reverse out
 *              86,88,90
 *              133,136,139     pantone 877c
 *              247,247,247
 *              204,204,204
 *
********************************************************************/

/*
 * GENERIC + CLASSES
**********************************************/
html{/*Fix text size on orientation change on mobile*/
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
}
body{
    color:rgb(35,31,32);
    background-color:rgb(255,255,255);
    direction:ltr;
    font:100%/100% 'Century Gothic',Arial, Helvetica, sans-serif;/*62.5*/
    height:100%;
    
}
img{
    max-width:100%;
    height:auto;
}
/* Typography
----------------------------------------------*/
h1{
    font-size:180%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}
h1#page-title{
    background-color:rgb(35,31,32);
    color:rgb(255,255,255);
    padding:10px 20px;
    margin:0;
}
h2{
    font-size:160%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}
h3{
    font-size:140%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}
h4{
    font-size:130%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}
p,blockquote,li,dt,dd,caption{
    font-size:100%;
    line-height:150%;
    margin-bottom:.5em;
}

em{
    font-style:oblique;
}
b,strong{
    font-weight:700;
}
blockquote,figure{
    border:1px solid rgb(133,136,139);
    padding:10px;
}
abbr[title]{
    border-bottom:1px dotted rgb(133,136,139);
}

sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup{
    top:-0.5em;
}
sub{
    bottom:-0.25em;
}
/* Links
----------------------------------------------*/
a,a:link{
    outline:none;
    text-decoration:none;
    color:rgb(0,0,0);
}
a:visited{
}
a:hover,
a:active,
a:focus{
    text-decoration:underline;
}
/* Lists
----------------------------------------------*/
ul{
    font-size:100%;
    line-height:100%;
    list-style:disc outside;
    margin:0 0 .7em 21px;
    padding:0;
}
ol{
    font-size:100%;
    line-height:100%;
    list-style:decimal outside;
    margin:0 0 .7em 21px;
    padding:0;
}
li li{
    font-size:100%;
    line-height:100%;
}
dl{
    font-size:100%;
    line-height:100%;
    margin:0 0 .7em 0;
    padding:0;
}
dl dt{
    font-size:100%;
    line-height:100%;
    font-weight:700;
    padding-left:21px;
}
dl dd{
    font-size:100%;
    line-height:100%;
    padding-left:21px;
}
/* Table
----------------------------------------------*/
table{
    border:3px double rgb(133,136,139);
    border-collapse:separate;
    border-spacing:0;
    empty-cells:show;
    text-align:left;
    margin:10px;
}

th,td{
    font-size:100%;
    line-height:150%;
    padding:2px;
}
th{
    font-weight:700;
}
thead th{
    background-color:rgb(35,31,32);
    color:rgb(255,255,255);
}
tfoot th,tfoot td{
    border-top:1px solid rgb(133,136,139);
}
/* Form
----------------------------------------------*/
label,input,select,textarea{
    font:inherit;
}
input[type=submit],input[type=reset],input[type=password],input[type=text],input[type=search],input[type=email],textarea,select{
    border:1px solid rgb(133,136,139);
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3);
    box-shadow:0px 0px 4px rgba(0,0,0,0.3);
    padding:5px;
}
input[type=submit]:hover,input[type=reset]:hover,input[type=password]:hover,input[type=text]:hover,input[type=search]:hover,textarea:hover,select:hover,
input[type=submit]:focus,input[type=reset]:focus,input[type=password]:focus,input[type=text]:focus,input[type=search]:focus,textarea:focus,select:focus{
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.6);
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.6);
    box-shadow:0px 0px 4px rgba(0,0,0,0.6);
}
input[type=submit],input[type=reset]{
    background-color:rgb(35,31,32);
    color:rgb(255,255,255);
    padding:.5em 1em;
}
label,input[type=submit],input[type=reset]{
    cursor:pointer;
}
label,input[type=text],input[type=password]{
    display:inline-block;
}
.webform-client-form,
#search-form,
.webform-confirmation{
    background-color: rgb(247, 247, 247);
    padding:10px 20px;
}
.webform-container-inline label {
    display:inline-block;
    width:10em;
    margin-bottom:1em;
}
.webform-component-textarea label{
    display:block;
    margin:0 0 1em 0;
}
.search-results{
    margin:0 0 1em 0;
}
.search-results .search-info{
    display:none;
}
/*
 * LAYOUT
**********************************************/
#breadcrumb{
    /*display:none;*/
    margin:.5em 0;
}
/*header*/
#header{
    padding:20px;
    min-height:9em;
}
#name-and-slogan{
    font-size:140%;
    padding-left:120px;
}
#block-search-form {
    clear:both;
}
#block-search-form input[type=search]{
    margin-right:1em;
    width:10em;
}
#logo{
    display:block;
    float:left;
}
/*content*/
#main-wrapper{
    border-top:1px solid rgb(35,31,32);
}
#content .node-page .content{
    padding:20px;
}
.field-name-body{
    margin:1em 0;
    padding:0 2%;
}
.field-name-field-summary,
.field-name-field-date-and-time{
    font-weight:700;
}
.field-name-field-artist-or-teacher{
    font-weight:700;
    font-size:150%;
}
.field-name-field-summary,
.field-name-field-date-and-time,
.field-name-field-location,
.field-name-field-artist-or-teacher,
.field-name-field-category{
    background-color:#F7F7F7;
    margin:0;
    padding:5px 10px 0 10px;
}
.node-type-landing-page .field-name-field-summary,
.node-type-standard-page .field-name-field-summary,
.node-type-webform .field-name-field-summary{
    background:none;
    padding:0 2%;
    margin-top:1em;
}
.field-name-field-youtube{
    text-align:center;
    margin-bottom:.5em;
}
/*navigation*/
#block-system-main-menu{
    font-size:115%;
    /*padding:10px 20px;*/
}
#block-system-main-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}
#block-system-main-menu ul ul{
    border:1px solid rgb(247,247,247);
    border-width:1px 0 0 0;
    padding:10px;
}
#block-system-main-menu ul ul ul{
    background-color:transparent;
    border:1px solid rgb(255,255,255);
    border-width:0 0 0 1px;
}
#block-system-main-menu li{
    list-style:none;
    margin:5px 0;
    padding:0;
}
#block-system-main-menu li.active-trail{
    background-color:rgba(247,247,247,.2);
    border:1px solid rgb(247,247,247);
    border-width:1px 0;
}
#block-system-main-menu li.active-trail li{
    background-color:transparent;
    border:none 0;
}
#block-system-main-menu a,#block-system-main-menu a:link{
    text-decoration:none;
    display:block;
    padding:5px;
}
#block-system-main-menu a:visited{

}
#block-system-main-menu a:hover,#block-system-main-menu a:link:hover,
#block-system-main-menu a:focus,#block-system-main-menu a:link:focus{
    text-decoration:none;
    background-color:rgb(247,247,247);
}
#block-system-main-menu a.active,#block-system-main-menu a.active:link,
#block-system-main-menu a.active-trail,#block-system-main-menu a.active-trail:link{
    font-weight:700;
}
/*sidebars*/
.sidebar{
    padding:20px;
    clear:both;
}
/*login*/
#user-login-form label{
    width:7em;
}
#block-user-login h2{
    background-color:rgb(204,204,204);
    padding:5px 10px;
}
#block-user-login .content{
    padding:0 10px;
}
/*footer*/
#footer{
    border-top:1px solid rgb(35,31,32);
    color:rgb(86,88,90);
    font-size:90%;
    padding:20px;
}
#footer a,#footer a:link{
    color:rgb(86,88,90);
}
/*
 * CLASSES
**********************************************/
/*RELATED ITEMS*/
.view-related-view{
    margin-bottom:1em;
}
.view-related-view h2{
    background-color:rgb(35,31,32);
    color:rgb(255,255,255);
    padding:0 10px;
    margin:0 0 .2em 0;
    font-size: 120%;
}
.view-related-view p{
    background:url(images/bullet.png) no-repeat .5em .5em;
    padding: 0 0 0 1.5em;
    margin:0 0 .5em 0;
}
.view-related-view ul{
    list-style:none;
    margin:0;
}
.view-related-view ul li{
    background:url(images/bullet.png) no-repeat .5em .5em;
    padding: 0 0 0 1.5em;
    margin:0 0 .5em 0;
}
/*SPOTLIGHTS*/
.field-collection-container{
    margin-bottom:.5em;
}
.js .field-collection-container .content{
    cursor:pointer;
}
.field-collection-view,
.field-collection-container .field-items .field-item{
    margin:0;
    padding:0;
    border:none 0;
}
.field-collection-view .entity-field-collection-item {
    position:relative;
}
.field-name-field-link-summary{
    position:absolute;
    bottom:0;
    background-color:rgba(255,255,255,.9);
    font-size:100%;
    line-height:150%;
    margin:1%;
    padding:2%;
}
.field-collection-container .field-items .field-item .field-item img{
    display:block;
    max-width:none;
    width:100%;
}
.field-collection-container  h2{
    margin:0;
}
.field-collection-container  h2 a,.field-collection-container  h2 a:link{
    background-color:rgb(35,31,32);
    color:rgb(255,255,255);
    display:block;
    padding:10px 20px;
    text-decoration:none;
}
.field-collection-container  h2 a:visited{
}
.field-collection-container  h2 a:hover,
.field-collection-container  h2 a:active,
.field-collection-container  h2 a:focus,
.field-collection-container  h2 a.active{
    background-color:rgba(35,31,32,.95);
    -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 6px rgba(0,0,0,0.5);
    box-shadow:0px 0px 6px rgba(0,0,0,0.5);
}
/*VIEWS*/
.block-views{
    margin-bottom:1em;
}
/*FLEXIDER*/
.view-carousel-view {
    background-color:rgb(247,247,247);
}
.flex-nav-container {
    margin-bottom:40px;
}
.flexslider{
    background:transparent;
    border:none 0;
    z-index:0;
}
.flexslider .slides li,
.flex-control-nav li,
.flex-direction-nav li,
.flex-pause-play li{
    margin:0;
}
.flexslider .slides .views-field-field-slide-link{
    padding:5px;
}
.flexslider .slides .views-field-field-slide-link a{
    display:block;
    font-size:120%;
    font-weight:700;
    padding:5px;
    text-decoration:none;
}
.flexslider .slides .views-field-field-slide-link a:visited{
}
.flexslider .slides .views-field-field-slide-link a:hover,
.flexslider .slides .views-field-field-slide-link a:active,
.flexslider .slides .views-field-field-slide-link a:focus,
.flexslider .slides .views-field-field-slide-link a.active{
    background-color:rgb(255,255,255);
}
.js .flexslider .views-field-field-slide-image,
.js .flexslider .views-field-body,
.js .flexslider .views-field-field-slide-link{
    cursor:pointer;
}
.js .flexslider .active .views-field-body,
.js .flexslider .active .views-field-field-slide-link{
    background-color:rgb(255,255,255);
}
.flexslider .slides .views-field-body{
    min-height:7em;
    padding:5px;
}
.flex-control-nav{
    bottom:-40px;
}
.flex-control-nav li a{
    margin:5px;
    width:30px;
    height:30px;
    background-image:url(images/sprite.png);
    background-position:0 -120px;
}
.flex-control-nav li a:visited{
}
.flex-control-nav li a:hover,
.flex-control-nav li a:active,
.flex-control-nav li a:focus,
.flex-control-nav li a.active{
    background-position:-30px -120px;
}
.flex-direction-nav li a {
    background-image:url(images/sprite.png);
    bottom:-40px;
    top:auto;
    margin:5px;
    width:30px;
    height:30px;
}
.flex-direction-nav li .prev {
    background-position:0 -60px;
    left:40px;
}
.flex-direction-nav li .prev:visited{
}
.flex-direction-nav li .prev:hover,
.flex-direction-nav li .prev:active,
.flex-direction-nav li .prev:focus{
    background-position:-30px -60px;
}
.flex-direction-nav li .next {
    background-position:0 -90px;
    right:0;
}
.flex-direction-nav li .next:visited{
}
.flex-direction-nav li .next:hover,
.flex-direction-nav li .next:active,
.flex-direction-nav li .next:focus{
    background-position:-30px -90px;
}
.flex-pauseplay{
    margin:5px;
    position:absolute;
    left:0;
    bottom:-40px;
}
.flex-pauseplay span{
    display:block;
    width:30px;
    height:30px;
    background-image:url(images/sprite.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    text-indent:50px;
    overflow:hidden;
    cursor:pointer;
}
.flex-pauseplay span:hover{
    background-position:-30px 0px;
}
.flex-pauseplay .pause{
    background-position:0px -30px;
}
.flex-pauseplay .pause:hover{
    background-position:-30px -30px;
}
/*COLLECTIONS*/
.field-collection-container{
    border:none 0;
    margin:0;
}
.field-collection-container .field-items .field-item{
    margin-bottom:1em;
}
.field-collection-container .field-items .field-item .field-item{
    margin-bottom:0;
}
/*LISTING*/
.block-views h2{
    display:none;
}
.listing .views-row{
    width:46%;
    margin:0 2% 1em 2%;
    float:left;
    padding:0;
}
.listing .views-row-odd{
    clear:left;
}
.js .listing .views-row{
    cursor: pointer;
}
.listing .views-row img{
    -webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 6px rgba(0,0,0,0.5);
    box-shadow:0px 0px 6px rgba(0,0,0,0.5);
}
.js .listing .views-row.active img{
    -webkit-box-shadow:0px 0px 6px rgba(0,0,0,1);
    -moz-box-shadow:0px 0px 6px rgba(0,0,0,1);
    box-shadow:0px 0px 6px rgba(0,0,0,1);
}
.js .listing .views-row h3 a:visited{
}
.js .listing .views-row h3 a:hover,
.js .listing .views-row h3 a:active,
.js .listing .views-row h3 a:focus{
    text-decoration:none;
}
.listing .views-row h3{
    font-size: 120%;
}
.listing .views-row p,
.listing .views-row h3{
    margin:0;
}
.listing .views-row .views-field-field-thumbnail {
    display:block;
    float:none;
    width:100%;
}

.item-list .pager{
    padding:5px 0;
    background-color:rgb(247,247,247);
}
.item-list .pager li{
    margin:0 1px;
    display:inline-block;
    border:1px solid rgb(255,255,255);
    background-color:rgba(255,255,255,.5);
}
.item-list .pager .pager-current{
    background-color:rgb(255,255,255);
    padding:5px;
}
.item-list .pager .pager-item,
.item-list .pager .pager-next,
.item-list .pager .pager-last,
.item-list .pager .pager-first,
.item-list .pager .pager-previous{
    padding:0;
}
.item-list .pager .pager-item a,
.item-list .pager .pager-next a,
.item-list .pager .pager-last a,
.item-list .pager .pager-first a,
.item-list .pager .pager-previous a{
    display:inline-block;
    padding:5px;
}
.item-list .pager .pager-item a:visited,
.item-list .pager .pager-next a:visited,
.item-list .pager .pager-last a:visited,
.item-list .pager .pager-first a:visited,
.item-list .pager .pager-previous a:visited{
}
.item-list .pager .pager-item a:hover,
.item-list .pager .pager-next a:hover,
.item-list .pager .pager-last a:hover,
.item-list .pager .pager-first a:hover,
.item-list .pager .pager-previous a:hover,
.item-list .pager .pager-item a:active,
.item-list .pager .pager-next a:active,
.item-list .pager .pager-last a:active,
.item-list .pager .pager-first a:active,
.item-list .pager .pager-previous a:active,
.item-list .pager .pager-item a:focus,
.item-list .pager .pager-next a:focus,
.item-list .pager .pager-last a:focus,
.item-list .pager .pager-first a:focus,
.item-list .pager .pager-previous a:focus{
    text-decoration:none;
    background-color:rgb(247,247,247);
}
/*FILTERS*/
.view-filters{
    /*background-color: rgb(247, 247, 247);*/
    padding:1px;
    margin-bottom:1em;
}
.view-filters form{
    padding:10px 20px;
    border:1px solid rgb(255,255,255);
}
.view-filters label,
.view-filters .views-widget,
.view-filters .views-exposed-form .views-exposed-widget .form-submit{
    display:inline-block;
    margin:0;
}
.view-filters .views-exposed-form .views-exposed-widget {
    padding:0;
    margin:0 10px 0 0;
    display:inline-block;
    vertical-align:middle;
}

/*
*************************************************
 * MOBILE STYLES - 320
 * Notes: this is not working on IE6/7/8
 * - only screen media
 * - 320px <= width
*************************************************
*/
@media only screen and (min-device-width:321px) and (min-width:321px){

}/* end @media only screen 320px <= width */


/*
*************************************************
 * MOBILE STYLES - 480
 * Notes: this is not working on IE6/7/8
 * - only screen media
 * - 480px <= width
*************************************************
*/
@media only screen and (min-device-width:481px) and (min-width:481px){
#name-and-slogan{
    clear:right;
    text-align:right;
    float:right;
    padding:0;
}
#block-search-form{
    clear:right;
    float:right;
    margin-top:3em;
}
#block-search-form input[type=search]{
    width:15em;
}
.field-collection-container .field-items .field-item{
    width:49%;
    float:left;
}
.field-collection-container .field-items .field-item.even{
    margin-right:2%;
}
.field-collection-container .field-items .field-item .field-item,
.field-collection-container .field-items .field-item .field-item.even{
    float:none;
    margin:0;
    width:auto;
}

}/* end @media only screen 480px <= width */

/*
*************************************************
 * PAD STYLES
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 768px <= width
*************************************************
*/
@media only screen and (min-device-width:768px) and (min-width:768px){
/* Holy Grail Layout ---------------------------------------------------------
   ref: http://www.alistapart.com/articles/holygrail
   This layout takes advantage of negative margins to float the sidebars to
   either side of the main content. It also floats the navigation above the
   content, but you could just as easily absolutely position it.
   
   LC stands for Left Column, RC for Right Column
   
   Obvously, this layout is for left-to-right languages. For a
   right-to-left layout, just swap all the left and rights below.
   */
#page{
  width:100%;
  margin:0 auto;
}
#header{
    padding:20px 2%;
}
h1#page-title{
    padding:10px 2%;
}
#content,
.sidebar{
  float:left;
}
#content{
  width:100%;
  margin-right:-100%;
}
.sidebar-first #content .section,
.sidebar-second #content .section,
.two-sidebars #content .section{
  padding-left:30%;
}
.sidebar{
  clear:none;
  width:26%;
  padding:0 2%;
}
#content .region-content{
    padding:0 2%;
}
#block-system-main-menu{
    padding:1.6em 0 0 0;
    margin-bottom:1em;
}
#block-system-main-menu h2{
  margin:0;
}
#footer{
  clear:both;
}
#footer ul{
    list-style:none;
    margin:0;
    padding:0;
}
#footer ul li{
    display:inline-block;
    border-right:1px solid rgb(86,88,90);
    margin:0;
    padding:0 .5em;
}
#footer ul li:first-child{
    padding-left:0;
}
#footer ul li:last-child{
    padding-right:0;
    border:none 0;
}
/* IE6 fix */
* html #sidebar-first{
  left:30%;
}

#block-user-login .content {
    padding:2%;
}
.node-type-landing-page .field-name-field-summary,
.node-type-standard-page .field-name-field-summary,
.node-type-webform .field-name-field-summary,
.field-name-body{
    padding:0;
}
/*SPOTLIGHTS*/
.field-name-field-spotlights{
    clear:both;
}
.field-name-field-spotlights .field-item{
    width:48%;
    float:left;
}
.field-name-field-spotlights .field-item .field-item{
    width:auto;
    float:none;
}
.field-name-field-spotlights .even{
    margin-right:4%;
}
.field-name-field-spotlights .field-item .even{
    margin-right:0;
}
.node-spotlight img{
    width:auto;
}
/*CAROUSEL*/
.flexslider .slides li{
    height:190px;
}
.flexslider .slides img{
    position:absolute;
    z-index:0;
    top:0;
    height:190px;
    width:800px;
}
.flexslider .slides .views-field-field-slide-link,
.flexslider .slides .views-field-body{
    background-color:rgba(255,255,255,.9);
    position:relative;
    z-index:1;
    width:70%;
}
.flexslider .slides .views-field-field-slide-link{
    margin:1% 1% 0 1%;
}
.flexslider .slides .views-field-body{
    margin:0 1% 1% 1%;
}
/*BANNER*/
.field-name-field-banner img{
    width:100%;
}
/*FILTER*/
.view-filters .views-exposed-widgets{
    float:right;
}
.listing .view-content,.view-filters{
    clear:both;
}
}/* end @media only screen 768px <= width */
/*
*************************************************
 * SCREEN STYLES
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 1024px <= width
*************************************************
*/
@media only screen and (min-device-width:1024px) and (min-width:1024px){
/*LISTING*/
.block-views h2{
    display:none;
}
.listing .views-row{
    width:29%;
    margin:0 2% 1em 2%;
    clear:none;
}
.listing .views-row-4,.listing .views-row-7,.listing .views-row-10{
    clear:left;
}
}/* end @media only screen 1024px <= width */

/*
*************************************************
 * SCREEN STYLES
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 1201px <= width
*************************************************
*/
@media only screen and (min-device-width:1201px) and (min-width:1201px){
#page{
  width:1200px;
}
#footer ul{
    float:right;
}
.flexslider .slides .views-field-field-slide-link,
.flexslider .slides .views-field-body{
    width:50%;
}
.flexslider .slides li{
    /*height:auto;*/
}
.flexslider .slides img{
    height:auto;
    width:100%;
}

}/* end @media only screen 1201px <= width */
